<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
    <title>消息中心</title>
    <link rel="stylesheet" href="{{asset('/addons/jquery-weui-build/css/weui.min.css')}}">
    <link rel="stylesheet" href="{{asset('/addons/jquery-weui-build/css/jquery-weui.css')}}">
    <link rel="stylesheet" href="/css/system/front-iconfont.css?v=2018121301">
    <link rel="stylesheet" href="{{asset('/css/system/common.css')}}">
    <link rel="stylesheet" href="/css/system/message-center.css?v=2018121101">
</head>
<body ontouchstart>
<div class="mian-container">
    <div class="min-con">
        <div class="weui-search-bar" id="searchBar">
          <form class="weui-search-bar__form">
            <div class="weui-search-bar__box">
              <i class="weui-icon-search"></i>
              <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
              <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
            </div>
            <label class="weui-search-bar__label" id="searchText">
              <i class="weui-icon-search"></i>
              <span>搜索</span>
            </label>
          </form>
          <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
        </div>
         <ul>
             @foreach($message as $m)
                 @if($m->kind == 1)
                     <li>
                         <img class="pull-left" src="{{asset('/img/reward.png')}}">
                         <a href="javascript:void(0)">
                             <div class="sec-block">
                                 <div class="up">
                                     <h3>奖励通知<p class="p-time">{{$m->created_at->format('Ymd')}}</p></h3>
                                 </div>
                                 <div class="down">
                                     <p>{{$m->content}}</p>
                                     <span></span>
                                 </div>
                             </div>
                         </a>
                     </li>
                 @else
                     <li>
                        <img class="pull-left" src="{{asset('/img/punish.png')}}">
                         <a href="javascript:void(0)">
                             <div class="sec-block">
                                 <div class="up">
                                     <h3>惩罚通知<p class="p-time">{{$m->created_at->format('Ymd')}}</p></h3>
                                 </div>
                                 <div class="down">
                                     <p>{{$m->content}}</p>
                                 </div>
                             </div>
                         </a>
                     </li>
                 @endif
             @endforeach
        </ul>
    </div>
    @include('frontuser.caidan')
</div>
<script src="{{asset('/kaohe/js/jquery-2.1.4.min.js')}}"></script>
<script src="{{asset('/addons/jquery-weui-build/js/fastclick.js')}}"></script>
<script>
    $(function() {
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
        FastClick.attach(document.body);
    });
</script>
<script src="{{asset('/addons/jquery-weui-build/js/jquery-weui.min.js')}}"></script>
<script src="{{asset('/kaohe/js/common.js')}}"></script>
<script>
    $(document).ready(function () {
        $('.kaohe-item').click(function(){
            $('.front-show-hidden').toggle();
        })
        $('.set-btn').click(function () {
            $('.set-hidden').toggle();
        })

    })
</script>
</body>
</html>